<!doctype html>
<html lang="ko">
<head>
	<meta charset="UTF-8">
	<title>오설록 모바일</title>
	<? include "../inc/head.html" ?>
</head>
<body>
<div id="wrapper">
<div id="wrap">
	<? include "../inc/header.html" ?>
	<!-- shopList:S -->
	<header class="shopHead">
		<a href="javascript:prevPage();" class="prev"><img src="../imgs/shop/icon_head_prev.gif" alt="이전"></a>
		<h1>마스터스티</h1>
		<a href="#" class="allCate"><img src="../imgs/shop/icon_head_prd.gif" alt="전체보기"></a>
	</header>
	<div class="shopContainer subContainer">
		<div class="prdSelect">
		<select name="" >
			<option value="01">마스터스티</option>	
			<option value="02">마스터스티01</option>	
			<option value="03">마스터스티02</option>	
			<option value="04">마스터스티03</option>	
			<option value="05">마스터스티04</option>	
			<option value="06">마스터스티05</option>	
		</select>
		</div>
		<ul class="shopList">
			<li>
				<div class="thumb"><a href="#"><img src="../imgs/shop/@thumb.jpg" alt=""></a></div>
				<div class="info">
					<p class="name ellipsis">오설록 일로향</p>
					<p class="cate">제형 : 잎차</p>
					<p class="weight">용향 : 60g(30g*2)</p>
					<p class="icon">
						<img src="../imgs/shop/icon_hit.gif" alt="HIT">
						<img src="../imgs/shop/icon_new.gif" alt="NEW">
						<img src="../imgs/shop/icon_coupon.gif" alt="COUPON">
					</p>
				</div>
				<div class="price">
					<span class="saleBefore">150,000원</span>
					<span class="saleAfter">140,000원</span>
				</div>
			</li>
			<li>
				<div class="thumb"><a href="#"><img src="../imgs/shop/@thumb.jpg" alt=""></a></div>
				<div class="info">
					<p class="name ellipsis">오설록 일로향</p>
					<p class="cate">제형 : 잎차</p>
					<p class="weight">용향 : 60g(30g*2)</p>
					<p class="icon">
						<img src="../imgs/shop/icon_hit.gif" alt="HIT">
						<img src="../imgs/shop/icon_new.gif" alt="NEW">
						<img src="../imgs/shop/icon_coupon.gif" alt="COUPON">
					</p>
				</div>
				<div class="price">
					<span class="saleBefore">150,000원</span>
					<span class="saleAfter">140,000원</span>
				</div>
			</li>
			<li>
				<div class="thumb"><a href="#"><img src="../imgs/shop/@thumb.jpg" alt=""></a></div>
				<div class="info">
					<p class="name ellipsis">오설록 일로향</p>
					<p class="cate">제형 : 잎차</p>
					<p class="weight">용향 : 60g(30g*2)</p>
					<p class="icon">
						<img src="../imgs/shop/icon_hit.gif" alt="HIT">
						<img src="../imgs/shop/icon_new.gif" alt="NEW">
						<img src="../imgs/shop/icon_coupon.gif" alt="COUPON">
					</p>
				</div>
				<div class="price">
					<span class="saleBefore">150,000원</span>
					<span class="saleAfter">140,000원</span>
				</div>
			</li>
			<li>
				<div class="thumb"><a href="#"><img src="../imgs/shop/prd_noImg.gif" alt=""></a></div>
				<div class="info">
					<p class="name ellipsis">오설록 일로향오설록 일로향오설록 일로향오설록 일로향</p>
					<p class="cate">제형 : 잎차</p>
					<p class="weight">용향 : 60g(30g*2)</p>
					<p class="icon">
						<img src="../imgs/shop/icon_hit.gif" alt="HIT">
						<img src="../imgs/shop/icon_new.gif" alt="NEW">
						<img src="../imgs/shop/icon_coupon.gif" alt="COUPON">
					</p>
				</div>
				<div class="price">
					<span class="saleBefore">150,000원</span>
					<span class="saleAfter">140,000원</span>
				</div>
			</li>
		</ul>
		<div class="btnLoad">		
			<a href="#" class="more gGray"><img src="../imgs/shop/icon_downArr.gif" alt="">10개 더보기<span class="total">(<span>10</span>/37)</span></a>
			<a href="#" class="top gGray"><img src="../imgs/shop/btn_top.gif" alt="TOP"></a>
		</div>
		<form action="#">
		<div class="footSerach">
			<input type="search" name="" value="검색" onclick="this.value=''" class="field">
			<input type="submit" value="search" class="btn">
		</div>
		</form>
	</div>
	<!-- shopList:E /-->
	<? include "../inc/footer.html" ?>
</div>
<!-- ProductNavi -->
<? include "../inc/aside.html" ?>
</div>
<script>
$("#header").hide();
setTimeout(function(){
	$("#header").slideDown();	
}, 1500);

$(".shopHead .allCate").click(function(){
	$("#showPrdNavi").trigger("click")
});
</script>
</body>
</html>






